<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--<title>爱淘金</title>-->
<link rel="stylesheet" type="text/css" media="all" href="css/swiper.min.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<link rel="stylesheet" href="css/style_zwf.css" />
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" language="javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script src="js/js.js" type="text/javascript"></script>
</head>
<body style="background: #FFFFFF;">
	<!--顶部-->
	<div class="header">
		<a href="javascript:history.go(-1); " class="hele"></a>
		<h1 class="hetitle">历史记录</h1>
	</div>
	
	<div id="page" class="page m3" style="background:transparent;padding:.9rem 0 1rem 0;">
		<div class="record_list_title">
			<div class="record_active">
				存油记录
			</div>
			<div>
				兑换记录
			</div>
			<div>
				提现记录
			</div>
		</div>
		<div class="record_listd">
			<!--存油记录-->
			<div class="record_list" >
				<div>
					<div>
						<img src="images/jl_img.png" class="record_img" alt="" />
						<span class="record_span">92#油卡提现500元</span>
						<span class="record_span_sj">2016-04-13 09:10:45</span>
					</div>
					<span class="record_span1">+50</span>
				</div>	
				<div>
					<div>
						<img src="images/jl_img.png" class="record_img" alt="" />
						<span class="record_span">92#油卡提现500元</span>
						<span class="record_span_sj">2016-04-13 09:10:45</span>
					</div>
					<span class="record_span1">+50</span>
				</div>	
				<div>
					<div>
						<img src="images/jl_img.png" class="record_img" alt="" />
						<span class="record_span">92#油卡提现500元</span>
						<span class="record_span_sj">2016-04-13 09:10:45</span>
					</div>
					<span class="record_span1">+50</span>
				</div>	
			</div>
			<!--兑换记录-->
			<div class="record_list" style="display: none;">
				<div>
					<div>
						<img src="images/jl_img.png" class="record_img" alt="" />
						<span class="record_span">923#油卡提现500元</span>
						<span class="record_span_sj">2016-04-13 09:10:45</span>
					</div>
					<span class="record_span1">+50</span>
				</div>	
				<div>
					<div>
						<img src="images/jl_img.png" class="record_img" alt="" />
						<span class="record_span">92#油卡提现500元</span>
						<span class="record_span_sj">2016-04-13 09:10:45</span>
					</div>
					<span class="record_span1">+50</span>
				</div>	
				<div>
					<div>
						<img src="images/jl_img.png" class="record_img" alt="" />
						<span class="record_span">92#油卡提现500元</span>
						<span class="record_span_sj">2016-04-13 09:10:45</span>
					</div>
					<span class="record_span1">+50</span>
				</div>	
			</div>
			<!--提现记录-->
			<div class="record_list" style="display: none;">
				<div>
					<div>
						<img src="images/jl_img.png" class="record_img" alt="" />
						<span class="record_span">94#油卡提现500元</span>
						<span class="record_span_sj">2016-04-13 09:10:45</span>
					</div>
					<span class="record_span1">+50</span>
				</div>	
				<div>
					<div>
						<img src="images/jl_img.png" class="record_img" alt="" />
						<span class="record_span">92#油卡提现500元</span>
						<span class="record_span_sj">2016-04-13 09:10:45</span>
					</div>
					<span class="record_span1">+50</span>
				</div>	
				<div>
					<div>
						<img src="images/jl_img.png" class="record_img" alt="" />
						<span class="record_span">92#油卡提现500元</span>
						<span class="record_span_sj">2016-04-13 09:10:45</span>
					</div>
					<span class="record_span1">+50</span>
				</div>	
			</div>
		</div>
		
	</div>
<script type="text/javascript">
$(function() {
	$(".record_list_title div").on("click",function(){
		$(this).addClass("record_active").siblings().removeClass("record_active");
		var i = $(this).index();
		$(".record_listd .record_list").eq(i).show().siblings(".record_list").hide();
	})
})

</script>
</body>
</html>